<table class="XuatXu" style="display:none"></table>
<script type="text/javascript">
    $(".XuatXu").flexigrid({
        url: 'xuatxu_xml.php',
    	dataType: 'xml',
    	colModel : [
            {display: 'STT', name : 'STT', width : 40, align: 'right'},
    		{display: 'Mã Xuất Xứ', name : 'MaXuatXu', width : 100, sortable : true, align: 'center'},
    		{display: 'Tên Xuất Xứ', name : 'TenXuatXu', width : 480, sortable : true, align: 'left'},
            {display: 'Cập nhật', name : 'Sua', width : 50, align: 'center'},
            {display: 'Xóa', name : 'Xoa', width : 40, align: 'center'}
    		],
        buttons : [
            {
                name : 'Thêm',
                bclass : 'add',
                onpress : add
            },
            {
                separator : true
            }
            ],
    	searchitems : [
    		{display: 'Mã Xuất Xứ', name : 'MaXuatXu'},
    		{display: 'Tên Xuất Xứ', name : 'TenXuatXu', isdefault: true}
    		],
    	sortname: "TenXuatXu",
    	sortorder: "DESC",
    	usepager: true,
    	title: 'Danh sách xuất xứ sản phẩm',
    	useRp: true,
    	rp: 5,
        rpOptions: [5, 10, 15, 20],
    	showTableToggleBtn: true,
    	width: 783,
    	height: 170
    });
    
    function add(com)
    {
        if (com == 'Thêm')
        {
            $('#edit').html('');
            $.ajax({
                type: "POST",              // Phương thức gởi đi
                url: "xuatxu_them.php",          // File xử lý dữ liệu được gởi
                data: '',            // Dữ liệu gởi đến cho url
                success: function(html){ // Hàm chạy khi dữ liệu gởi thành công
                    $('#add').html(html);
                }
            });
            $('#add').slideDown(700);
        }
    }
    
    function editOrigin(MaXuatXu)
    {
        $('#add').html('');
        $.ajax({
            type: "POST",              // Phương thức gởi đi
            url: "xuatxu_capnhat_ajax.php",          // File xử lý dữ liệu được gởi
            data: {'MaXuatXu' : MaXuatXu},            // Dữ liệu gởi đến cho url
            success: function(html){ // Hàm chạy khi dữ liệu gởi thành công
                $('#edit').html(html);
            }
        });
        $('#edit').slideDown(700);
    }
    function deleteOrigin(MaXuatXu, TenXuatXu)
    {
        $.Zebra_Dialog
        (
            'Bạn muốn xóa loại sản phẩm <strong>' + TenXuatXu + '</strong> không?',
            {
            'type':     'question',
            'title':    'Thông báo',
            'width': 500,
            'buttons':
            [
                {caption: 'Đồng ý', callback: function() {
                        var form_data = {'MaXuatXu' : MaXuatXu};
       
                        $.ajax({
                            type: "POST",              // Phương thức gởi đi
                            url: "xuatxu_xoa_ajax.php",          // File xử lý dữ liệu được gởi
                            data: form_data,            // Dữ liệu gởi đến cho url
                            success: function(html) { // Hàm chạy khi dữ liệu gởi thành công
                                if(html == 'yes') //Xóa thành công
                                {
                                    //Thông báo thành công
                                    alert('Đã xóa xuất xứ ' + TenXuatXu + ' thành công!');
                                    $('.XuatXu').flexReload();
                                }
                                else
                                {
                                    //Thông báo lỗi
                                    alert('Xuất xứ ' + TenXuatXu + ' chưa được xóa!');
                                    $('.XuatXu').flexReload();
                                }
                                
                            }
                        });
                    }
                },
                {caption: 'Hủy bỏ', callback: function() {}}
            ]
            }
        );
    }
</script>
<div id="add"></div>
<div id="edit"></div>